<script setup lang="ts">
defineOptions({
    name: 'TransitionEaseInto'
})

</script>

<template>
    <Transition name="ease-into" mode="out-in">
        <slot></slot>
    </Transition>
</template>

<style lang="less" scoped>
.ease-into-enter-active,
.ease-into-leave-active {
    transition: opacity .1s ease;
}

.ease-into-enter,
.ease-into-leave-to {
    opacity: 0;
}
</style>
